<template>
  <div>
    按回车键发送内容：
    <input
      @keyup.enter="sendMsg"
      type="text"
    ><br>

    按ESC清空输入的内容：
    <input
      @keyup.esc="clearMsg"
      type="text"
      v-model="msg"
    >

  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "",
    };
  },
  methods: {
    sendMsg() {
      console.log("你有新的消息，请注意查收");
    },
    clearMsg() {
      console.log("用户按下ESC键，清空内容");
      this.msg = "";
    },
  },
};
</script>

<style>
</style>